<template>
  <v-container grid-list-lg pa-0>

  <v-layout wrap>
      <v-flex
          xs12
          lg12
      >
        <v-basic-card
            toolbar-height="0"
        >
          <template slot="card-content">
            <bar-base-chart />
          </template>
        </v-basic-card>
      </v-flex>
    <v-flex
        xs12
        lg12
    >
      <v-basic-card
          toolbar-height="0"
      >
        <template slot="card-content">
          <bar-base-chart2 />
        </template>
      </v-basic-card>
    </v-flex>

    </v-layout>
  </v-container>
</template>


<script>
import BarBaseChart from './charts/BarBaseChart.vue';
import BarBaseChart2 from './charts/BarBaseChart2.vue';

// import BarPlotChart from './charts/BarPlotChart.vue';
// import BasePieChart from "./charts/BasePieChart";
// import BasePieChart2 from "./charts/BasePieChart2";

// import BarWaterfallChart from './charts/BarWaterfallChart.vue';
// import BarShadowChart from './charts/BarShadowChart.vue';
// import LiquidFillChart from "./charts/LiquidFillChart";

export default {
  name: 'VBarIndex',
  components: {
    BarBaseChart,
    // BasePieChart,
    // BasePieChart2,
    BarBaseChart2,
    // LiquidFillChart
  },
};
</script>
